
@media screen and (max-width: 1300px) {
  /deep/ .el-carousel--horizontal {
    overflow: hidden;
  }

  ::v-deep .el-carousel__arrow--left {
    border-radius: 0 0.2rem 0.2rem 0 !important;
    left: 0;
  }

  ::v-deep .el-carousel__arrow--right {
    border-radius: 0.2rem 0 0 0.2rem !important;
    right: 0;
  }

  ::v-deep .el-carousel__container {
    height: 3.86rem;
  }

  .main {
    width: 100%;
    // height: 100%;
    background-color: #f5f7f9;

    .mianbox {
      margin: 0 auto;
      width: 90%;
      height: 100%;

      display: flex;
      flex-direction: column;
      align-items: center;

      .bannerbox {
        width: 100vw;
        background: linear-gradient(270deg, #ffcbcd 40%, #ffd3d5 63%);
        height: 3.86rem;

        .main {
          width: 90%;
          height: 100%;
          margin: 0 auto;
          display: flex;

          // background-color: green;
          .leftpic {
            width: 1.2rem;
            height: 3.86rem;
          }

          .map {
            flex: 1;
            // width: 10rem;
          }

          .Carousel {
            position: relative;
            width: 15rem;
            height: 100%;
            background: linear-gradient(270deg, #ffcbcd 40%, #ffd3d5 63%);
            display: flex;
            justify-content: center;
            align-items: end;

            .middlelist {
              position: absolute;
              width: 8.54rem;
              height: 3.53rem;
              top: 0;
              left: 2.6rem;
              background-color: white;
              z-index: 9999999999999;
              padding: 0.14rem 0.73rem 0.2rem 0.24rem;
              overflow-y: auto;

              .towTitle {
                cursor: pointer;
                font-family: PingFang SC;
                font-size: 0.14rem;
                font-weight: 700;
                color: #000000;
                margin: 0.1rem 0;
                margin-right: 0.32rem;
              }

              .towTitle:hover {
                color: #ec6c15;
              }

              .sanTitle {
                font-family: PingFang SC;
                font-size: 0.14rem;
                font-weight: 500;
                color: #000000;
                margin-right: 0.32rem;
              }

              .newTitle {
                font-family: PingFang SC;
                font-size: 0.14rem;
                font-weight: 500;
                color: #666666;
                margin-right: 0.32rem;
                margin-bottom: 0.2rem;
                cursor: pointer;
              }

              .newTitle:hover {
                color: #ec6c15;
              }

              .chengTitle {
                font-family: PingFang SC;
                font-size: 0.14rem;
                font-weight: 500;
                color: #ec6c15;
                margin-right: 0.32rem;
              }
            }

            .leftbox {
              width: 2.6rem;
              height: 100%;
              border: 0.01rem solid rgba(0, 0, 0, 0);
              background: #ffffff;

              .toptext {
                width: 100%;
                font-family: PingFang SC;
                text-align: center;
                line-height: 0.46rem;
                color: #000000;
                font-size: 0.16rem;
                font-weight: bold;
                height: 0.46rem;
                border: 0.01rem solid rgba(0, 0, 0, 0);
                background: #e8eef1;
              }

              .item {
                cursor: pointer;
                padding: 0 0.13rem;
                display: flex;
                align-items: center;
                height: 0.68rem;
                width: calc(100%-0.26rem);
                justify-content: space-between;

                .titleBox {
                  font-family: PingFang SC;
                  font-size: 0.14rem;
                  color: #000000;
                }

                .numBox {
                  font-family: PingFang SC;
                  font-size: 0.14rem;
                  color: #999999;
                  margin-top: 0.06rem;
                }

                .rightIcon {
                  font-family: PingFang SC;
                  font-size: 0.16rem;
                  color: #000000;
                  font-weight: bold;
                }
              }
            }

            .rightbox {
              width: 2.7rem;
              height: 3.3rem;
              background-color: #fff;
              border: 0.01rem solid rgba(0, 0, 0, 0);
              border-radius: 0.2rem 0.2rem 0 0;
              padding: 0.17rem 0.085rem 0.2716rem 0.105rem;
              display: flex;
              flex-direction: column;
              align-items: center;
              justify-content: center;

              .top {
                display: flex;
                justify-content: center;
                align-items: center;
                font-family: PingFang SC;
                font-size: 0.12rem;
                font-weight: bold;
                color: #fdbb4a;
                margin-bottom: 0.18rem;
              }

              .bottom {
                flex: 1;
                background: #f5f7f9;
                width: 100%;
                height: 100%;

                .item {
                  font-family: PingFang SC;
                  font-size: 0.12rem;
                  font-weight: 500;
                  display: flex;
                  align-items: center;
                  // justify-content: center;
                  width: 100%;
                  height: 0.1963rem;
                  padding: 0.0628rem 0 0.069rem 0.087rem;
                  text-align: center;
                  font-weight: 500;
                  color: #000000;

                  .rightNum {
                    width: 0.2rem;
                    height: 0.2rem;
                    border-radius: 50%;
                    background: #e0dfed;
                    font-family: OPPOSans;
                    font-size: 0.12rem;
                    font-weight: bold;
                    text-align: center;
                    line-height: 0.2rem;
                    margin-right: 0.08rem;
                  }
                }
              }
            }
          }
        }
      }

      .shoplistbox {
        width: 100%;
        height: 100%;
        margin-top: 0.2rem;
        margin-bottom: 0.2rem;

        .top {
          margin-bottom: 0.2rem;
          background-color: #fff;
          padding: 0.22rem 0.1rem 0.1rem 0.1rem;

          .title {
            display: flex;
            // justify-content: center;
            align-items: center;
            font-family: HYk1gj-regular;
            font-size: 0.18rem;
            font-weight: 600;
            color: #000000;

            .rqTitle {
              font-family: SimSun;
              font-size: 0.12rem;
              margin-top: 0.03rem;
              margin-left: 0.2rem;
              font-weight: normal;
              color: #999999;
            }
          }

          /deep/ .el-carousel__indicators--horizontal {
            bottom: 0;
          }

          /deep/ .el-carousel--horizontal {
            overflow: hidden;
          }

          /deep/ .el-carousel {
            height: 4rem !important;
          }

          .cards {
            width: 100%;
            display: flex;
            // justify-content: space-between;
            align-items: center;

            .carditem {
              cursor: pointer;
              margin-left: 0.1rem;
              position: relative;
              margin-left: 0.08rem;
              width: 2.9rem;
              height: 3.77rem;
              background-color: pink;
              transition: all 0.6s;
              // margin-right: 0.08rem;
              margin-top: 0.2rem;

              .titlebox {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                position: absolute;
                bottom: 0.1rem;
                left: 0;
                width: 2.9rem;
                height: 0.55rem;
                opacity: 0.7;
                background: #ffffff;

                .title {
                  font-family: PingFang SC;
                  font-size: 0.16rem;
                  font-weight: bold;
                  color: #000000;
                }

                .name {
                  font-family: OPPOSans;
                  font-size: 0.12rem;
                  font-weight: normal;
                  line-height: normal;
                  text-align: center;
                  letter-spacing: 0em;
                  opacity: 0.7;

                  /* 正文灰 */
                  color: #666666;
                }
              }
            }

            .carditem:hover {
              background: #fff;
              transform: scale(1.05);
              box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);

              .titlebox {
                background: rgba(253, 187, 74, 0.7);
                opacity: 1;

                .title {
                  color: #fff;
                  opacity: 1;
                }

                .name {
                  color: #fff;
                  opacity: 1;
                }
              }
            }
          }
        }

        .middle {
          height: 4rem;
          opacity: 1;
          padding: 0.2rem 0.12rem 0.2rem 0.1rem;
          background: #ffffff;
          box-sizing: border-box;
          border: 0.01rem solid rgba(0, 0, 0, 0);
          display: flex;
          justify-content: center;
          align-items: center;
          margin-bottom: 0.2rem;

          .imgboxs {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            width: 2.88rem;
            height: 3.82rem;
            background: #f5f7f9;
            box-sizing: border-box;
            border: 0.01rem solid rgba(0, 0, 0, 0);
            margin-left: 0.1rem;
            transform: scale(1);
            transition: all 0.6s;
            overflow: hidden;

            .topimg {
              transform: scale(1);
              transition: all 0.6s;

              img {
                width: 2.88rem !important;
                height: 2.88rem !important;
              }
            }

            .Price {
              display: flex;
              // justify-content: space-around;
              align-items: center;
              width: 1.86rem;
              height: 0.32rem;
              border: 0.01rem solid #ff6721;

              .leftprice {
                position: relative;
              }

              // .leftprice::before {
              //   content: "";
              //   position: absolute;
              //   border: 0.148rem solid;
              //   border-color: transparent #fd4422 transparent transparent;
              //   top: -0.16rem;
              //   left: 0.401rem;
              //   width: 0.03rem;
              //   height: 0.02rem;
              //   transform: rotate(45deg);
              // }
            }

            .bottomtitle {
              font-family: OPPOSans;
              font-size: 0.12rem;
              font-weight: normal;
              line-height: normal;
              text-align: center;
              letter-spacing: 0em;
              margin-top: 0.1rem;
              /* 标题正文黑 */
              color: #000000;
              margin-bottom: 0.1rem;
            }
          }

          .imgboxs:hover {
            cursor: pointer;
            background: #fff;
            transform: scale(1.05);
            box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);

            .topimg {
              transform: scale(1.1);
            }
          }
        }

        .bottom {
          height: 1.5rem;

          img {
            width: 100% !important;
          }
        }
      }

      .sells {
        height: 10.4rem;
        background-color: #fff;
        width: 100%;
        margin-bottom: 0.2rem;

        .title {
          display: flex;

          align-items: center;
          width: calc(100%-0.42rem);
          height: 0.19rem;
          // background-color: green;
          padding: 0.21rem 0.26rem 0.21rem 0.16rem;
          font-family: HYk1gj-regular;
          font-size: 0.18rem;
          font-weight: 600;
        }

        .card {
          width: calc(100%-0.24rem);

          // background-color: pink;
          display: flex;
          padding: 0 0.14rem 0.3rem 0.1rem;

          .leftadvertising {
            width: 1.83rem;
            height: 9.7rem;
            background-color: green;
          }

          .carditem {
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            // align-items: center;
            flex-wrap: wrap;
            width: 15.91rem;
            margin-left: 0.1rem;
          }
        }
      }

      .sellsbottom {
        // height: 4.45rem;
        background-color: #fff;
        width: 100%;
        margin-bottom: 0.2rem;

        .title {
          display: flex;

          align-items: center;
          width: calc(100%-0.42rem);
          height: 0.19rem;
          // background-color: green;
          padding: 0.21rem 0.26rem 0.21rem 0.16rem;
          font-family: HYk1gj-regular;
          font-size: 0.18rem;
          font-weight: 600;
        }

        .card {
          width: calc(100%-0.24rem);

          // background-color: pink;
          display: flex;
          padding: 0 0.14rem 0.3rem 0.1rem;

          .carditem {
            cursor: pointer;
            display: flex;
            justify-content: space-evenly;
            // align-items: center;
            flex-wrap: wrap;
            width: 100%;
            margin-left: 0.1rem;

            .guanggao {
              width: 2.98rem;
              height: 4.92rem;

              img {
                width: 100%;
                height: 100% !important;
              }
            }
          }
        }
      }

      .endbox {
        width: 100%;
        height: 7.48rem;
        background-color: white;
        margin-bottom: 0.2rem;

        .carditem {
          cursor: pointer;
          margin-top: -0.1rem;
          display: flex;
          justify-content: space-evenly;
          // align-items: center;
          flex-wrap: wrap;
          // width: 10.91rem;
          margin-left: 0.1rem;
        }
      }
    }
  }
}